<!DOCTYPE html>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<title>横向表单</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<style>
			body {
				padding: 20px;
			}
		</style>
	</head>

	<body>
		<div class="container">
			<form action="#" class="form-horizontal">
				<div class="form-group">
					<span class="col-sm-2 text-center">姓名：</span>
					<div class="col-sm-10">
						<input class="form-control " type="text" placeholder="请输入你的姓名" />
					</div>
				</div>
				<div class="form-group">
					<span class="col-sm-2 text-center"> 邮箱：</span>
					<div class="col-sm-10">
						<input class="form-control" type="email" placeholder="请输入你的邮箱" />
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-offset-4 col-sm-4">
						<input class=" form-control " type="submit" 提交/>
					</div>
				</div>
			</form>

		</div>
		
		<input type="text" class="input-lg form-control" placeholder="大型输入框"/>
		<input type="text" class="form-control" placeholder="正常输入框"/>
		<input type="text" class="input-sm form-control" placeholder="小型输入框"/>
		
		
		<input type="button" class="btn btn-default" value="灰色" />
		<input type="button" class="btn btn-primary" value="深蓝色" />
		<input type="button" class="btn btn-success" value="绿色" />
		<input type="button" class="btn btn-info" value="天蓝色" />
		<input type="button" class="btn btn-warning" value="黄色" />
		<input type="button" class="btn btn-danger" value="红色" />
		<input type="button" class="btn btn-link" value="链接" />

<br />

		<input type="button" class="btn btn-default btn-lg" value="灰色大型" />
		<input type="button" class="btn btn-primary " value="深蓝色" />
		<input type="button" class="btn btn-success btn-sm" value="绿色小型" />
		<input type="button" class="btn btn-info btn-xs" value="天蓝色超小型" />
	</body>

</html>